{% load staticfiles %}
{% include "header.html" %}

<div class="container type-screen">
    <div class="type-list">
        {% for type in types %}
        <div class="type-card">
            <div class="type-card-top">
                <a href="/articles/type/{{ type.id }}">
                <img src="/media/{{ type.image }}">
                    </a>
            </div>
            <div class="type-card-bottom">
                <a  href="/articles/type/{{ type.id }}" class="type-title">{{ type.name }}</a>
                <a class="type-mata">人气 {{ type.hot }}  作品 {{ type.get_article_count }}</a>
            </div>
        </div>
        {% endfor %}
    </div>
</div>



{% include "footer.html" %}